$common-color: green;
html,body{
  background-color: #F7F8FD;
}
.error{
  color: #FF3535;
}
.banner{
  background: linear-gradient(180deg, #ff804e 1%, #ff9c70 100%);
  height: 250px;
  .text_img{
    width: 297px;
    height: 110px;
    margin-top: 68px;
    margin-right: 62px;
  }
  .banner_left{
    width: 258px;
    height: 266px;
    margin-top: -17px;
    margin-left: 50px;
  }
}

/*app.vue  的style*/
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  will-change: transform;
  transition: all 500ms;
  position: absolute;
}

.slide-right-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.slide-right-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.main_panel{
  background-color: #fff;
  width: 690px;
  box-shadow: 0px 2px 9px 0px rgba(51, 51, 51, 0.1);
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
  margin: -17px auto 0;
}

.serve_content{
  padding: 20px 56px;
  min-width: 300px;
  p{
    margin: 0;
    padding:0;
    line-height: 50px;
    font-size: 28px;
    display: flex;
    align-items: center;
    label{
      color: #333;
      margin-right: 10px;
      width: 150px;
      text-align: right;
    }
    b{
      color: #555;
      font-weight: 700;
    }
  }
}
.back_btn{
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 18px;
  top: 20px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  &:active{
    background: #efefef;
  }
  .iconfont{
    color: #333;
    font-size: 28px;
  }
}
